import axios from "axios";

//    开发环境      生产环境       测试环境
// development   production    production
const isDev = process.env.NODE_ENV == 'development'

// 因为开发阶段我们服务器地址通常会写成公司 java 程序员电脑的 ip 地址
// 在生产环境和测试环境会将服务器地址改为远程服务器地址

const request = axios.create({
    // baseURL: isDev ? '开发环境地址' : '生产环境地址'
    // baseURL: isDev ? 'http://121.89.205.189:3000/admin' : 'http://121.89.205.189:3000/admin'
    baseURL: 'http://121.89.205.189:3000/admin',
    // `timeout` 指定请求超时的毫秒数。
    // 如果请求时间超过 `timeout` 的值，则请求会被中断
    timeout: 60000, // 默认值是 `0` (永不超时)
})



// 添加请求拦截器,在请求之前被执行
request.interceptors.request.use(function (config) {

    // console.log(config);
    // 设置 token 以后的每个请求都会来执行添加 token 
    config.headers.token = localStorage.getItem('token')
    // 在发送请求之前做些什么
    return config;
}, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
});

// 添加响应拦截器，在请求成功之后执行的方法
request.interceptors.response.use(function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么

    // 先确定 token 是否失效，如果失效要跳转到登录页面重新登录

    // console.log(this);
    if (response.data.code == '10119') {
        // token 过期了
        // 1. 清除掉原来保存的本地所有数据
        localStorage.clear()

        // 2. 跳转到登录页面进行重新登录
        location.href = '/#/login'
    }

    return response.data;
}, function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error);
});



// 自定义各种请求数据的方法 
export default function ajax(config) {
    // 数据请求的时候我们需要的参数
    // 1. 先获取到请求的必要参数
    const { url = '', method = 'gEt', data = {}, headers = {} } = config

    // 2. 判断我们的请求类型
    switch (method.toUpperCase()) {
        case 'GET':
            ///admin/list
            return request.get(url, { params: data })
        case 'POST':
            // 判断请求的头部
            if (headers['Content-Type'] == 'application/x-www-form-url-encoded') {
                // 表单数据请求
                const obj = new URLSearchParams()
                for (const key in data) {
                    obj.append(key, data[key])
                }
                return request.post(url, obj, { headers })
            }

            if (headers['Content-Type'] == 'multipart/form-data') {
                // 数据内容为一个文件
                // 数据的序列化
                const obj = new FormData()
                for (const key in data) {
                    obj.append(key, data[key])
                }
                return request.post(url, obj, { headers })
            }

            // json 数据的方式进行提交
            return request.post(url, data)
        case 'DELETE':
            // 删除数据
            return request.delete(url, { data })
        case 'PUT':
            // 修改数据，数据更新
            return request.put(url, data)
        case 'PATCH':
            // 更新局部资源
            return request.patch(url, data)
        default:
            // 前面都不是，那么我们就交给 axios 自己去做出来
            return request.request(config)
    }


}